<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head >
    <title>Access Denied</title>
    <meta http-equiv="content-type" content="text/HTML; charset=UTF-8" />
    <script type="text/javascript" src="{{base_url()}}js/jquery-1.7.2.js"></script>
    <script type="text/javascript" src="{{base_url()}}js/block/jquery.blockUI.js"></script>
    
<!--    <link rel="stylesheet" href="{{base_url()}}jqwidgets-ver2.4/jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/scripts/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/jqxwindow.js"></script>
    <script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="{{base_url()}}script/admin-planners/00_function.js"></script>
    <script type="text/javascript" src="{{base_url()}}script/admin-planners/FormLogin.js"></script>-->
    <link rel="stylesheet" href="{{base_url()}}jqwidgets-ver2.4/jqwidgets/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" href="{{base_url()}}jqwidgets-ver2.4/jqwidgets/styles/jqx.classic.css" type="text/css" />
    <link type="text/css" href="{{base_url()}}css/adm/adm.css" rel="stylesheet" media="all" title='style' />
    <script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/globalization/jquery.global.js"></script>
    <script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/jqx-all.js"></script>
    
    <script type="text/javascript" src="{{base_url()}}script/admin-planners/00_function.js"></script>
    <script type="text/javascript" src="{{base_url()}}script/admin-planners/FormLogin.js"></script>
    
    <script type="text/javascript" src="{{base_url()}}js/jquery-ui.min.js"></script>
    <link rel="stylesheet" type="text/css"	href="{{base_url()}}js/themes/base/jquery.ui.all.css"/>
<link rel="stylesheet" type="text/css"	href="{{base_url()}}js/themes/base/jquery.ui.theme.css"/>
    

</head>
<body style="height: 100%;padding: 0;margin: 0;">
<style type="text/css">
.green-button{
    color: white;
    background-color: #98BF21;
    border: 1px solid white;
    outline: 1px solid #98BF21;
    text-decoration: none;
    padding-top: 3px; 
    padding-bottom: 4px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 11px;
    position: relative;
    top: -1px;
}
.green-button:hover{background-color:#7A991A;opacity: 1;}
.green-button:active{top: 0px}
</style>
<input type="button" class="green-button" onclick="ShowLogin()" value="Login"/>
    <div style="position: absolute;font-family: monospace;color: white;height:244px;
         width:244px;left:50%;top:50%;margin: -122px 0 0 -122px;">
    <div style="position: absolute;font-family: monospace;color: white;width:240px;
         height:240px;border-radius:100%;border:2px solid red;top:0;left:0;">
    <div style="position: absolute;font-family: monospace;color: white;width:224px;
         height:224px;border-radius:100%;border:8px solid white;background:red"></div>
    <div style="position: absolute;font-family: monospace;color: white;font-size: 53px;
         width: 240px;text-align: center;font-weight: bold;top: 60px;">ACCESS DENIED</div><div></div>
    <script type="text/javascript">
            var base_url="{{base_url()}}";
            function ShowLogin(){
                $("#window-login").jqxWindow("open");
            }
            $(document).ready(function () {
                var theme="classic";
                $("body").keypress(function(event) {
                    if ( event.which == 108 ) {
                        if(!$('#window-login').jqxWindow('isOpen')){
                            $("#window-login").jqxWindow("open");
                            //$("#txt-uname-login").focus();
                        }
                        //return false;
                    }
                });
                $('#window-login').bind('open', function (event) {
                    $("#txt-uname-login").focus();
                });
                $('#window-notice').jqxWindow({ 
                    autoOpen: false,height: 'auto', width: 400, theme: theme,
                    resizable: false, isModal: true, modalOpacity: 0.3,keyboardCloseKey: 13
                });
                $('#window-message,#window-error,#window-authority').jqxWindow({ 
                    autoOpen: false,height: 'auto', width: 400, theme: theme,keyboardCloseKey: 13,
                    resizable: false,isModal: true
                });
                LoginFRM.init();   
                
            });
    </script>
    <div id="window-login" class="hidden">
        <div id="windowHeader-login">
            <div style="position: relative;padding-left: 24px">
                <img style="position: absolute;top: 0;left: 0px;" width="14" height="14" 
                        src="{{base_url()}}images/icon/16/login.png" alt="" />
                Login
            </div>
    <!--        <span style="line-height: 20px">
                Login
            </span>-->
        </div>
        <div style="overflow: hidden;" id="windowContent-login">
            <form method="post" onsubmit="LoginFRM._login();return false;">
            <table style="width: 100%;padding: 16px 0">
                <tr>
                    <td style="width: 120px;padding-left: 12px">User Name</td>
                    <td>
                        <input type="text" id="txt-uname-login" 
                               class="text-input" style="width: 150px" value=""/>
                    </td>
                </tr>
                <tr>
                    <td style="padding-left: 12px;">Pass Word</td>
                    <td>

                        <input type="password" id="txt-pass-login" 
                               class="text-input" style="width: 150px" value="" />

                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="tac" style="text-align: center;padding-top: 8px">
                        <input type="submit" value="Login" onclick="" class="showWindowButton id-login-btn" />
                        <input type="button" value="Cancel" onclick="LoginFRM._close();" class="showWindowButton id-close-btn" />
                    </td>
                </tr>
            </table>
            </form>
        </div>
    </div>
<div id="window-notice" style="z-index: 9999 !important">
    <div>
        <div style="position: relative;padding-left: 24px">
            <img style="position: absolute;top: 0;left: 0px;" width="14" height="14" 
                    src="{{base_url()}}images/icon/16/dialog_warning.png" alt="" />
            Notication
        </div>
    </div>
    <div>Notice Content</div>
</div>
<div id="window-message" style="z-index: 9999 !important">
    <div>
        <div style="position: relative;padding-left: 24px">
            <img style="position: absolute;top: 0;left: 0px;" width="14" height="14" 
                    src="{{base_url()}}images/icon/16/error.png" alt="" />
            Message
        </div>
    </div>
    <div>Message Content</div>
</div>
<div id="window-authority" style="z-index: 9999 !important">
    <div>
        <div style="position: relative;padding-left: 24px">
            <img style="position: absolute;top: 0;left: 0px;" width="14" height="14" 
                    src="{{base_url()}}images/icon/16/error.png" alt="" />
            Quyền của bạn
        </div>
    </div>
    <div>Message Content</div>
</div>
<div id="window-error" style="z-index: 9999 !important">
    <div>
        <div style="position: relative;padding-left: 24px">
            <img style="position: absolute;top: 0;left: 0px;" width="14" height="14" 
                    src="{{base_url()}}images/icon/16/img_Error.png" alt="" />
            Error
        </div>
    </div>
    <div>Error Content</div>
</div>
</body>
</html>